<!doctype html>
<html lang="en" id="enroll_activeRank" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/uc_activeRank.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Fpgr31g8cmROlSZiKygpG5yh"></script>
    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
    <script src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js" type="text/javascript"></script>
</head>
<body>
<div class='common-header'>
    <div class='left'>
        <a href="javascript:history.back()">
            <i class='iconfont icon-left'></i>
        </a>
    </div>
    <div class="middle">
        活动签到
    </div>
    <div class="right">
        <a href="" v-on:click="sx()">
            重新刷新
        </a>
    </div>
</div>
<div class="sign">
    <div class="info">
        <div v-if="!mainInfo.sfqd" class="sign-btn" v-on:click="checkin()">
            <p><span>签到</span></p>
        </div>
        <div v-if="!!mainInfo.sfqd" class="sign-btn disable">
            <p><span>已签到</span></p>
        </div>
        <!--<small>连续签到7天后，每天奖励100魅力值</small>-->
    </div>
</div>
<div class="rank">
    <div class="rule">
        <h4>排行榜规则</h4>
        <p>1、点击鲜花可以给心仪的会员送花，同一个会员只能送花一次。</p>
        <p>2、每次活动根据排名会有相应的奖励。</p>
        <p>&nbsp;</p>
    </div>
    <div class="user">
        <div class="first-three" v-if="applied.length>0">
            <div class="second" @click="goDetail(info2.id)">
                <img :src="info2.photo" class="avatar">
                <img src="img/second.png" class="flag">
                <span class="rak-num">{{info2.rq}}</span>
                <span class="name">{{info2.nickname}}</span>
            </div>
            <div class="first" @click="goDetail(info1.id)">
                <img src="img/firstBg.png" class="first-bg">
                <div>
                    <img :src="info1.photo" class="avatar">
                    <img src="img/first.png" class="flag">
                    <span class="rak-num">{{info1.rq}}</span>
                    <span class="name">{{info1.nickname}}</span>
                </div>
            </div>
            <div class="third" @click="goDetail(info3.id)">
                <img :src="info3.photo" class="avatar">
                <img src="img/third.png" class="flag">
                <span class="rak-num">{{info3.rq}}</span>
                <span class="name">{{info3.nickname}}</span>
            </div>
        </div>
        <div class="list clearfix">
            <div class="item" v-for="item in applied">
                <span> {{$index+1}}</span>
                <img :src="item.photo" class="avatar" @click="goDetail(item.id)">
                <span class="name" @click="goDetail(item.id)">{{item.nickname}}</span>
                <span class="rak-num pull-right">{{item.rq}}</span>
                <img v-if="item.sftp==0" src="img/xh_1.png" class="xh" v-on:click="sh(item.id)">
                <img v-if="item.sftp==1" src="img/xh_2.png" class="xh">
            </div>
        </div>
    </div>
</div>
</body>
<script>var app = 'enroll_activeRank';</script>
<script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html>